<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value="点我试试" onclick="alert('Hello World')" />

    <script>
        // 变量名(名称)
        // 字符类
        var str = "";
        // 按钮
        var _btn = "";
        // 驼峰命名法，第二个单词首字符大写
        var loginmessage = "";
        // 数字结尾
        var box123 = "";
        // 美元符号
        var $dom = "";


        // 这些都是不规范的命名
        var name = ""; //因为name是window的属性，是个内置属性的名称，解决的方法是：1.可以数字结尾name123 2. 下划线_name 3. 美元符号 $name

        // 变量名称不能使用中文，避免乱码
        var 王一博 = "";

        // 数字开头
        // var 123demo = "";
        // 不能以数字开头

        // 不能使用特殊字符
        // var ~@# = "";

        // var var = "";
        // 关键字和保留字不能做变量名称

    </script>
</body>

</html>